

export default function Rotate(){
  return (
    <main className="h-screen bg-black flex items-center justify-center">
      <div className="size-96  rounded-full text-white text-4xl relative animate-spin-3000">
        <span className="absolute top-1/2 left-1/2 transform-[translate(-50%,-50%)_rotate(calc(360deg/10*var(--i)))_translateY(-200px)] [--i:0]">千</span>
        <span className="absolute top-1/2 left-1/2 transform-[translate(-50%,-50%)_rotate(calc(360deg/10*var(--i)))_translateY(-200px)] [--i:1]">里</span>
        <span className="absolute top-1/2 left-1/2 transform-[translate(-50%,-50%)_rotate(calc(360deg/10*var(--i)))_translateY(-200px)] [--i:2]">之</span>
        <span className="absolute top-1/2 left-1/2 transform-[translate(-50%,-50%)_rotate(calc(360deg/10*var(--i)))_translateY(-200px)] [--i:3]">行</span>
        <span className="absolute top-1/2 left-1/2 transform-[translate(-50%,-50%)_rotate(calc(360deg/10*var(--i)))_translateY(-200px)] [--i:4]">，</span>
        <span className="absolute top-1/2 left-1/2 transform-[translate(-50%,-50%)_rotate(calc(360deg/10*var(--i)))_translateY(-200px)] [--i:5]">始</span>
        <span className="absolute top-1/2 left-1/2 transform-[translate(-50%,-50%)_rotate(calc(360deg/10*var(--i)))_translateY(-200px)] [--i:6]">于</span>
        <span className="absolute top-1/2 left-1/2 transform-[translate(-50%,-50%)_rotate(calc(360deg/10*var(--i)))_translateY(-200px)] [--i:7]">足</span>
        <span className="absolute top-1/2 left-1/2 transform-[translate(-50%,-50%)_rotate(calc(360deg/10*var(--i)))_translateY(-200px)] [--i:8]">下</span>
        <span className="absolute top-1/2 left-1/2 transform-[translate(-50%,-50%)_rotate(calc(360deg/10*var(--i)))_translateY(-200px)] [--i:9]">，</span>
      </div>                                                                                        3
    </main>
  )
}
